<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <!-- 设置视口大小，device-width表示设备的宽度（完美视口） -->
    <meta name="viewport" content="width=device-width">
    <title>Document</title>
</head>
<body>
    <!-- 编写移动端时，必须要确保一个比较合理的像素比
    

        通过meta标签设置视口大小

        每一款移动设备设计时，都会有一个最佳像素比
          一般只需要将像素比设置为该值即可得到一个最佳效果

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          将视口设置为完美视口，必写
    -->
</body>
</html>